import React from 'react'
import { Link,Route } from 'react-router-dom';
import './UpdateMy.css'
import Eat from './Eat'
import Wear from './Wear'
import Play from './Play'

const UpdateMy = () => {
    return (
        <div>
            <div id='headers'>
                <Link to='/home/updatemy/eat'>
                <button id='bt1'>吃什么</button>
                </Link>
                <Link to='/home/updatemy/wear'>
                <button id='bt2'>穿什么</button>
                </Link>
                <Link to='/home/updatemy/play'>
                <button id='bt3'>玩什么</button>
                </Link>
            </div>
            <div id='bottoms'>
                <Route path='/home/updatemy/eat' render={()=><Eat />}/>
                <Route path='/home/updatemy/wear' render={()=><Wear />} />
                <Route path='/home/updatemy/play' render={()=><Play />} />
            </div>
        </div>
    )
}

export default UpdateMy
